@extends('home.layout')
@section('content')
  <div class="o-single">
    <div class="o-single-content" id="single-content-wrapper">
      <div id="article-header" class="o-single-content__header" style="background-image: url('{{ url('/uploads') }}/{{ $goods -> img }}')">
        <div class="o-single-content__body c-single-normal__header">
          <div class="c-article-header-meta">
            <span class="c-article-header-meta__category">新创</span>
            <span class="c-article-header-meta__time">20 小时前</span>
          </div>
          <h1 class="c-single-normal__title">零排放，低噪音，阿尔斯通氢燃料电池列车亮相柏林技术展</h1>
        </div>
      </div>
      <div class="o-single-content__body o-single-content__body--main">
        
        <div id="article-content" class="o-single-content__body__content c-article-meta">
  <div class="c-article-tags">
          <a ga-track="event" ga-action="click" ga-event-category="Class" ga-event-label="Tag" href="http://www.ifanr.com/tags/%e5%be%b7%e5%9b%bd%e6%9f%8f%e6%9e%97%e5%9b%bd%e9%99%85%e8%bd%a8%e9%81%93%e4%ba%a4%e9%80%9a%e6%8a%80%e6%9c%af" class="c-article-tags__item">{{ $goods -> abstract }}</a>


      </div>
  <div class="c-card-meta c-card-meta--darken c-article-sns" data-component="ArticleContentMeta" data-post-id="721716">
    <button class="c-article-sns__info c-card-meta__info c-card-meta__info--comments js-article-comment-count js-goto-comments">1</button>
    <button class="c-article-sns__info c-card-meta__info c-card-meta__info--like js-article-like-count">2</button>
  </div>
</div>
<article class="o-single-content__body__content c-article-content s-single-article js-article">
  
{{ $goods -> detail }}
  </article>
        <div class="o-single-content__body__content">
          <div class="c-article-likes" data-component="ArticleLikes" data-post-id="721716"><button class="c-article-likes__button js-article-like">赞一下</button><ul class="c-article-likes__avatars js-avatars"><li class="c-article-likes__user"><img src="{{ url('/detail/images/aec07024eaedfbf48064f8fefe00dfafb4e01081.jpg') }}" alt=""></li><li class="c-article-likes__user"><img src="{{ url('/detail/images/debfaf551ffbe7d4ea33bbfb7730b9326eaf2f6d.jpg') }}" alt=""></li><li class="c-article-likes__counter"><span><span class="js-article-like-count">2</span> 个人</span>点赞</li></ul></div>
        </div>
        <div class="o-single-content__body__content">
  <div class="c-jiong c-jiong--block c-jiong-report">
    <p>有好的产品或者项目希望我们报道，猛戳这里 <a ga-track="event" ga-action="click" ga-event-category="Domain" ga-event-label="Report" href="http://www.ifanr.com/about/contribute/">寻求报道</a></p>
  </div>
</div>
                <div class="o-single-content__body__content">
          <div id="article-comments" class="c-article-comments " data-component="ArticleCommentsComponent" data-post-id="721716">
  <h5 class="c-card-category c-article-comments__headline">文章评论(<span class="js-placeholder-comments-counter">1</span>)</h5>

  <div class="c-article-comments-item is-unauthenticated js-article-comments-post-field">
    <img class="c-article-comments-item__avatar js-user-avatar" src="" alt="">
    <div class="c-article-comments-item__info">
      <span class="js-article-comment-form-locator" style="display: none"></span><form class="c-article-comments-form is-unauthenticated js-article-comments-post-form">
        <div class="c-article-comments-form__headline">回复<button type="button" class="c-article-comments-form__close js-close-reply-form"></button></div>
        <input class="c-article-comments-form__input c-article-comments-form__user" name="email" placeholder="你的邮箱*" required="" type="email">
        <input class="c-article-comments-form__input c-article-comments-form__user" name="author" placeholder="你的昵称*" required="" type="text">
        <div class="c-article-comments-form__textarea ">
          <textarea class="c-article-comments-form__input c-article-comments-form__input--textarea" name="comment" placeholder="你有什么看法呢"></textarea>
        </div>
        <label class="c-article-comments-form__notifier" for="comment-email-notifier"><input id="comment-email-notifier" type="checkbox">回复邮件通知</label>
        <button type="button" class="c-article-comments-form__submit js-submit-comment">发表评论</button>
        <input name="comment_post_ID" value="721716" id="comment_post_ID" type="hidden">
<input name="comment_parent" id="comment_parent" value="0" type="hidden">

        <input name="post_id" value="721716" type="hidden">
        <input name="cmt_hidden_js" value="oh" type="hidden">
      </form>
    </div>
  </div>

  <div class="c-article-comments__hint js-comments-hint is-hidden">
    <span class="js-comments-hint-content">正在加载中</span>
  </div>

  <div class="c-article-comments__body js-comments-body">
    <nav class="c-article-comments__nav">
      <button class="is-active js-comments-sorting" data-comment-sort="time">时间</button>
      <button class="js-comments-sorting" data-comment-sort="rate">热度</button>
    </nav>

    <ul class="c-article-comments__list js-comments-list"><li id="comment-1123716" class="c-article-comments-item"><img class="c-article-comments-item__avatar" src="{{ url('/detail/images/2a1884fc5bf6da6d1480cad96ea819f8.jpg') }}" alt=""><div class="c-article-comments-item__info  js-single-comment" data-comment-username="rugby" data-comment-id="1123716"><span class="c-article-comments-item__name">rugby</span> <span class="c-article-comments-item__meta">2016-09-25 13:03:33</span> <span class="c-article-comments-item__hint js-show-comment">*评分过低，点击显示隐藏评论*</span><div class="c-article-comments-item__content"><p>就只十几年前，我还惊讶于《舰船知识》杂志上介绍的德国潜艇上装备的氢燃料电池，没想到现在竟然已经能够应用到民用的火车上了。不过，看到文章中说，仍然要依靠锂电池来解决氢燃料电池的功率问题。</p></div><button class="c-article-comments-item__reply js-reply-comment">回复</button> <button class="c-article-comments-item-voting c-article-comments-item-voting--down js-vote-down ">0</button> <button class="c-article-comments-item-voting c-article-comments-item-voting--up js-vote-up ">0</button></div><ul class="c-article-comments-replies c-article-comments-item__info js-child-comments"></ul></li></ul>

    <div class="c-article-comments-item__info">
      <a class="c-article-comments__submit-shortcut" href="#article-comments">说说你的看法</a>
          </div>
  </div>
</div>
        </div>
      </div>
    </div>
    <div class="o-single-aside">
      <div class="o-single-aside__body" data-start-at="#article-header" data-stop-at="#footer" data-sibling="#single-content-wrapper" data-bounds-top="105" data-bounds-bottom="320">
        <div class="o-widget c-card-author">
  <!--<h5 class="c-card-category">作者</h5>-->
  <div class="c-card c-card-author__info">
    <a ga-track="event" ga-action="click" ga-event-category="Widget" ga-event-label="Author" class="c-card-author__info__avatar" href="http://www.ifanr.com/author/wuling" target="_blank"><img src="{{ url('/detail/images/touxiang.jpg') }}" alt="吴羚"></a>
    <div class="c-card-author__info__contacts">
      <a ga-track="event" ga-action="click" ga-event-category="Widget" ga-event-label="Author" class="c-card-author__contact c-card-author__contact--email" href="mailto:wuling@ifanr.com" target="_blank"></a>
    </div>
    <a ga-track="event" ga-action="click" ga-event-category="Widget" ga-event-label="Author" class="c-card-author__wrapper" href="http://www.ifanr.com/author/wuling" target="_blank">
      <p class="c-card-author__name">吴羚</p>
      <p class="c-card-author__position"></p>
    </a>
  </div>
  <div class="c-card c-card-author__recent">
    <div class="c-card-author__recent__counter"><b>42</b>文章总数</div>
    <a ga-track="event" ga-action="click" ga-event-category="Widget" ga-event-label="Author" class="c-card-author__recent__article" href="http://www.ifanr.com/721945" target="_blank"><span>最近：</span>微软苹果联合开发“可变字体”，字体适配从此不是问题</a>
  </div>
</div>
<div class="o-widget c-related-articles">
  <div class="c-related-articles__headline">相关文章</div>
      <div class="c-related-articles__item">
      <div class="c-related-articles__image" style="background-image: url('http://images.ifanr.cn/wp-content/uploads/2015/08/theme23.jpg!100')">
        <a ga-track="event" ga-action="click" ga-event-category="Widget" ga-event-label="RelatedArticle" class="c-related-articles__image__link-overlay" href="http://www.ifanr.com/551958" title="只要有太阳的地方，就不怕没电" target="_blank"></a>
      </div>
      <div class="c-related-articles__info">
        <h1 class="c-related-articles__title"><a ga-track="event" ga-action="click" ga-event-category="Widget" ga-event-label="RelatedArticle" href="http://www.ifanr.com/551958" target="_blank"><span>只要有太阳的地方，就不怕没电</span></a>
        </h1>
        <span class="c-related-articles__time">2015-8-13 14:51</span>
      </div>
    </div>
      <div class="c-related-articles__item">
      <div class="c-related-articles__image" style="background-image: url('http://images.ifanr.cn/wp-content/uploads/2016/06/IV-AA758_HYDROG_M_20150902152806_meitu_1.jpg!100')">
        <a ga-track="event" ga-action="click" ga-event-category="Widget" ga-event-label="RelatedArticle" class="c-related-articles__image__link-overlay" href="http://www.ifanr.com/666339" title="为什么日本人独爱氢气？从东京奥运会的全面“氢气化”说起" target="_blank"></a>
      </div>
      <div class="c-related-articles__info">
        <h1 class="c-related-articles__title"><a ga-track="event" ga-action="click" ga-event-category="Widget" ga-event-label="RelatedArticle" href="http://www.ifanr.com/666339" target="_blank"><span>为什么日本人独爱氢气？从东京奥运会的全面“氢气化”说起</span></a>
        </h1>
        <span class="c-related-articles__time">6-07 02:19</span>
      </div>
    </div>
      <div class="c-related-articles__item">
      <div class="c-related-articles__image" style="background-image: url('//ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2014/09/t12.jpg!100')">
        <a ga-track="event" ga-action="click" ga-event-category="Widget" ga-event-label="RelatedArticle" class="c-related-articles__image__link-overlay" href="http://www.ifanr.com/452664" title="下一出重头戏，丰田燃料电池汽车测试照曝光" target="_blank"></a>
      </div>
      <div class="c-related-articles__info">
        <h1 class="c-related-articles__title"><a ga-track="event" ga-action="click" ga-event-category="Widget" ga-event-label="RelatedArticle" href="http://www.ifanr.com/452664" target="_blank"><span>下一出重头戏，丰田燃料电池汽车测试照曝光</span></a>
        </h1>
        <span class="c-related-articles__time">2014-9-16 04:51</span>
      </div>
    </div>
      <div class="c-related-articles__item">
      <div class="c-related-articles__image" style="background-image: url('http://ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2016/09/buoy.jpg!100')">
        <a ga-track="event" ga-action="click" ga-event-category="Widget" ga-event-label="RelatedArticle" class="c-related-articles__image__link-overlay" href="http://www.ifanr.com/720054" title="未来发电全靠浪？夏威夷海浪发电项目首次并网" target="_blank"></a>
      </div>
      <div class="c-related-articles__info">
        <h1 class="c-related-articles__title"><a ga-track="event" ga-action="click" ga-event-category="Widget" ga-event-label="RelatedArticle" href="http://www.ifanr.com/720054" target="_blank"><span>未来发电全靠浪？夏威夷海浪发电项目首次并网</span></a>
        </h1>
        <span class="c-related-articles__time">9-20 09:46</span>
      </div>
    </div>
      <div class="c-related-articles__item">
      <div class="c-related-articles__image" style="background-image: url('http://ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2016/09/qing.jpg!100')">
        <a ga-track="event" ga-action="click" ga-event-category="Widget" ga-event-label="RelatedArticle" class="c-related-articles__image__link-overlay" href="http://www.ifanr.com/718806" title="武汉氢能源工程样车问世，明年有望试运营" target="_blank"></a>
      </div>
      <div class="c-related-articles__info">
        <h1 class="c-related-articles__title"><a ga-track="event" ga-action="click" ga-event-category="Widget" ga-event-label="RelatedArticle" href="http://www.ifanr.com/718806" target="_blank"><span>武汉氢能源工程样车问世，明年有望试运营</span></a>
        </h1>
        <span class="c-related-articles__time">9-18 08:49</span>
      </div>
    </div>
  </div>

      </div>
    </div>
  </div>

  <div id="prev-next-post-card" style="position: fixed; bottom: -210px; top: auto; left: 962px; display: block;" class="">
	  <div ga-track="event" ga-action="click" ga-event-category="Domain" ga-event-label="NextArticle" class="inner-box" style="background-image:url('http://ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2016/09/solarroof.jpg')">
    <a href="http://www.ifanr.com/721804">
      <h3>并购受阻不要紧，特斯拉联合 SolorCtiy 下月先推太阳能屋顶</h3>
      <p><span class="ifr-relative-time">20 小时前</span><span class="prev-next-post-btn">下一篇</span></p>
    </a>
  </div>
      <div ga-track="event" ga-action="click" ga-event-category="Domain" ga-event-label="FrontArticle" class="inner-box" style="background-image:url('http://ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2016/09/iPhone-7-Plus-1-1.jpg')">
    <a href="http://www.ifanr.com/722231">
      <h3>抢不到亮黑 iPhone 的你，在接下来几周会看到这些国产“亮黑”旗舰</h3>
      <p><span class="ifr-relative-time">23 小时前</span><span class="prev-next-post-btn">上一篇</span></p>
    </a>
  </div>
  </div>
  @endsection('content')